

<!doctype html>
<html ng-app>
<head>
    <script src="http://code.angularjs.org/1.2.25/angular.min.js"></script>
    <script type="text/css">
        .show-scope-demo.ng-scope,
        .show-scope-demo .ng-scope  {
            border: 1px solid red;
            margin: 3px;
        }
    </script>
</head>
<body>
<div class="show-scope-demo">
    <div ng-controller="GreetCtrl">
        Hello {{name}} {{department}} !
    </div>
    <div ng-controller="ListCtrl">
        <ol>
            <li ng-repeat="name in names"> from {{name}} </li>
        </ol>
    </div>
</div>
</body>
<script type="text/javascript">


    function GreetCtrl($scope, $rootScope) {
        $scope.name = 'World';
        $rootScope.department = 'Angular';
    }

    function ListCtrl($scope) {
        $scope.names = ['Igor', 'Misko', 'Vojta'];
    }


</script>
</html>

